<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<div data-toggle="topjui-layout" data-options="fit:true">
    <div data-options="region:'center',title:'',fit:true,border:false,bodyCls:'border_right_bottom'">
        <div class="topjui-fluid">
            <fieldset>
                <legend>用户角色信息-新增</legend>
            </fieldset>
            <div class="topjui-row">
                <div class="topjui-col-sm8">
                    <label class="topjui-form-label">用户帐号</label>
                    <div class="topjui-input-block">
                        <input type="text" id="userAccount" name="userAccount" data-toggle="topjui-textbox"
                               data-options="required:true,readonly:true" th:value="${userAccount}">
                    </div>
                </div>
            </div>
            <div class="topjui-row">
                <div class="topjui-col-sm8">
                    <label class="topjui-form-label">选择角色（可多选）</label>
                    <div class="topjui-input-block">
                        <select data-toggle="topjui-combobox" id="roleCde" name="roleCde"
                                data-options="required:true,multiple:true">
                            <th:block th:each="role : ${roles}">
                                <option th:value="${role.roleCde}" th:text="${role.roleName}"></option>
                            </th:block>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
